<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>活动图</title>
		<style>
			*{
				margin: 0;
				padding: 0;
				
			}
			body{
				margin: 100px 300px;
			}
			div{
				width: 270px;
				height: 380px;
				border-top:2px solid #ff7700;
				text-align: center;
				
				
			}
			div dl dd{
				margin: 10px;
			}
			div dl dd.type{
				font-size: 18px;
				margin-top: 30px;
				margin-bottom: 30px;
				color: #ff7700;
			}
			div dl dd.detail{
				
				font-size: 12px;
				color: #cecece;
			}
			div dl dd.price{
				margin-top: 20px;
				margin-bottom: 25px;
			}
		</style>
	</head>
	<body>
		<div>
			<dl>
				<dd class="type">图书</dd>
				<dd class="name">阿弥陀佛，么么哒</dd>
				<dd class="detail">大冰新书，12个不舍得读完的、暖心的，真实的江湖故事</dd>
				<dd class="price">9.99元</dd>
				<dt>
					<img src="img/classify_icon01.png" alt="" />
				</dt>
			</dl>
		</div>
		
	</body>
</html>